<template>
	<view class="conter">
		<view class="text-conter">{{text1}} | {{text2}} | {{text3}}</view>
	</view>
</template>

<script>
	export default {
		props: {
			text1: String,
			text2: String,
			text3: String,
		}
	}
</script>

<style lang="scss">
	.conter{
		width: 95%;
		margin: auto;
	}
	.text-conter {
		color: #FFFFFF;
		background-color: rgba(59, 58, 57, 0.7);	
		font-size: 26rpx;
		width: 95%;
		padding-left: 20rpx;
		line-height: 49rpx;
		box-sizing: border-box;
		position: absolute;
		margin-top: -30px;
	}
</style>
